<template>
  <div class="app">
    <Header></Header>
    <router-view></router-view>
  </div>
</template>

<script setup>
import { provide, ref } from 'vue'
import Header from '@/views/Header.vue'

const isShow = ref(false)
function setIsShow(value) {
  isShow.value = value
}

const keyWords = ref()
function setKeyWords(value) {
  keyWords.value = value
}

// 窗口的状态
provide('dialogVisiable', {
  isShow,
  setIsShow
})

// 搜索框关键词
provide('keyWords', {
  keyWords,
  setKeyWords
})
</script>

<style lang="less" scoped></style>
